*{
    padding: 0;
    margin: auto;
}
html,body{
    height: 100%;
}

#contain{
    margin-top: 20px;
    width: 100%;
    // height: 100%;
    // background-color: turquoise ;
    #allcontainright{
        width: 22%;
        margin-right: 5%;
        float: right;
        p{
        margin-left: 10%;
        margin-top: 10px;
        width: 90%;
        }
        
    }
    #allcontainrighttop:hover{
        background-color: rgb(246, 246, 246);
    }
    #containleft{
        width: 65%;
        float: left;
        margin-left: 2%;
        #allvideocontain{
            width: 100%;
            height: 95%;
            margin-top: 15px;
            margin-left: 2%;
            div{
                width: 100%;
                height:260px;
                p{
                    margin-left: 24%;
                    margin-top: 20px;
                }
            }
        }
        #allvideocontain:hover{
            background-color: rgb(246, 246, 246);
        }

    }
}



 .layout-right{

    overflow: hidden;
    margin-top: 30%;
    flex: 1;
    .trl-type{
        display: flex;
        flex-direction: column;
        .trl-base{
            position:relative;
            display: flex;
        }
        .trl-con{
            flex:1;
            .trl-ul{
                display:flex;
                flex-direction: column;
                overflow: hidden;
                .trl-item{
                    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
                    flex-direction: column;
                    justify-content: center;
                    flex:1;
                    position: relative;
                    &:hover{
                        background-color: whitesmoke;
                    }
                    .rank-list{
                        text-decoration: none;
                        display: flex;
                        padding:0 0 5px 0;
                        .rank-num{
                            color: rgba(31, 30, 30, 0.12);
                            font-size:25px;
                            font-weight: 900;
                            padding-right:10px;
                            font-style: italic;
                            line-height: 55px;
                        }
                        .rank-content{
                            margin-top:10px;
                            span{
                                color: black;
                            }
                            .rush{
                                font-size:16px;
                                font-weight: bold;
                                // color: #fff;
                                cursor: pointer;
                                &:hover{
                                    cursor: pointer;
                                    color:#16e067;
                                }
                            }
                            p{
                                color: #999;
                            }
                        }
                    }
                }
            }
        }
    }
}




